.bg{
  position:fixed;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom,#eef2fe,#edf3fe,#ffffff);
}

.remindercontainer{
  position:absolute;
  left:50%;
  top:4%;
  transform: translate(-50%);
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.reminder1{
  font-size:14px;
  font-weight:bold;
  letter-spacing: 1px;
  color:#333333;
}

.reminder2{
  width: 100%;
  text-align: center;
  font-size:14px;
  font-weight:bold;
  letter-spacing: 1px;
  color:#333333;

}

.search{
  position:absolute;
  left:50%;
  top:4%;
  transform: translate(-50%);
  font-size:14px;
  font-weight:bold;
  letter-spacing: 1px;
  color:#333333
}

.ball_img{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 20vw;
  height: 16vw;
}

.circle1{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 50vw;
  height:50vw;
  border-radius: 50%;
  border:2px solid #f9e3ec;
}

.circle2{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 85vw;
  height:85vw;
  border-radius: 50%;
  border:2px solid #f9e3ec;
  opacity: 0.8;
}

.circle3{
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width: 120vw;
  height:120vw;
  border-radius: 50%;
  border:2px solid #f9e3ec;
  opacity: 0.5;
}

.spacecontainer{
  position:absolute;
  left:50%;
  top:80%;
  transform: translate(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.space_btn{
  width: 20vw;
  height: 20vw;
  border:5px solid #e6f0fe;
  border-radius: 50%;
  padding:0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #81b3f8;
}

.space_img{
  width: 55%;
  height: 50%;
}

.match_font{
  font-size:13px;
}

.friend_btn{
  position: absolute;
  right:5%;
  top:0;
  width: 7vw;
  height: 7vw;
  padding: 0;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.friend_img{
  position: absolute;
  width: 70%;
  height: 80%;
}
